<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1" />	
	<title>关于 王泽</title>

	<link rel="stylesheet" href="./style.css" type="text/css" media="all" />
	<link rel="shortcut icon" href="./images/favicon.png"/>
</head>
<body class="loading-process">
<div class="loading">
	<div class="loading-circle"></div>
	<div class="loading-avatar"><img src="images/avatar@2x.jpg" alt="" width="100" height="100"></div>
	<div class="loading-info">正在努力加载中...</div>
</div>
<div class="section-header">
	<div class="section">
		<nav class="nav" role="navigation">
			<ul>
				<li class="nav-about fade fade1"><a href="#about">关于</a></li>
				<li class="nav-works fade fade4"><a href="#works">作品</a></li>
				<li class="fade back-home"><a href="#top">首页</a></li>
				<li class="nav-skill fade fade2"><a href="#skill">能力</a></li>
				<li class="nav-contact fade fade3"><a href="#contact">联系</a></li>
			</ul>
		</nav>
	</div>
	<div class="nav-bg"></div>
</div>
<div class="home-bg">
	<img src="images/home-bg.jpg" alt="" width="1000" height="667">
</div>
<div class="section-wrap section-fristpage">
	<div class="section">
		<div class="section-content">
			<p class="fade fade1">Hi，我是 WangZe</p>
			<p class="fade fade2">擅长java，励志成为一名可以改变世界的全栈工程师！</p>
			<!-- <p class="fade fade3">想了解更多，往下滚动哦 ^_^</p> -->
		</div>
		<a href="#" class="scroll-tip fade fade4">向下滚动</a>
	</div>
</div>
<div id="about" class="section-wrap section-about">
	<div class="section">
		<div class="about-content clearfix section-content">
			<div class="left">
				<h1>关于本人</h1>
				<p class="fade fade1">2018 年入学物联网工程专业</p>
				<p class="fade fade2">2019 年开始主学java</p>
				<p class="fade fade3">2020年开始写博客（CSDN <a href="https://blog.csdn.net/Ares___" target="_blank">结构化思维wz</a>)</p>
				<p class="fade fade4">微信小程序“邢院帮” 开发者</p>
				<p class="fade fade5"><a href="https://github.com/wz20" target="_blank">Github</a>上有几个开源web项目</p>
				<p class="fade fade6">目前在寻找后端实习。</p>
			</div>
			<div class="right">
				<!-- <img class="my-photo fade fade4" src="images/wangze.jpg" alt="" width="335" height="540"> -->
			</div>
		</div>
	</div>
</div>
<div id="works" class="section-wrap section-works">
	<div class="section">
		<div class="works-content section-content">
			<h1>近期作品</h1>
			<div class="works-list clearfix">
				<div class="works-item first fade fade1">
						<img src="images/works/xyb.png" alt="" width="300" height="180">
						<div class="work-info">
							<h2>小程序</h2>
							<p><strong>开发时间</strong>：2020年9月<br>
							<strong>工作详情</strong>：此小程序的独立开发者，开发，上线</p>
						</div>
					</a>
				</div>
				<div class="works-item fade fade2">
						<img src="images/works/beijing.jpg" alt="" width="300" height="180">
						<div class="work-info">
							<h2>BOOT</h2>
							<p><strong>开发时间</strong>：2021年1月<br>
							<strong>工作详情</strong>：学习ssm时，开发的一个练习小项目</p>
						</div>
					</a>
				</div>
				<div class="works-item fade fade3">
						<img src="images/works/vhr.jpg" alt="" width="300" height="180">
						<div class="work-info">
							<h2>人事管理系统</h2>
							<p><strong>开发时间</strong>：2021年5月 - 至今<br>
							<strong>工作详情</strong>：使用springboot，springsecurity，mybatis和vue开发的一款人事管理系统。</p>
						</div>
					</a>
				</div>
			</div>
			<a class="more-link" href="https://github.com/wz20" target="_blank">待续</a>
		</div>
	</div>
</div>
<div id="skill" class="section-wrap section-skill">
	<div class="section">
		<div class="skill-content section-content">
			<h1>技能水平</h1>
			<ul>
				<li class="fade fade1">JAVA基础扎实，良好的面向对象编程思想；</li>
				<li class="fade fade3">熟练使用主流框架如：springboot，ssm，springsecurity，springdatajpa..</li>
				<li class="fade fade2">熟练使用IDEA,vscode,eclipse,AndroidStudio等开发工具</li>
				<li class="fade fade4">熟练使用Maven，Gradle 构建工具和Git</li>
				<li class="fade fade4">熟练使用bootstrap,vue前端框架</li>
				<li class="fade fade3">会微信小程序的开发，并有上线的项目</li>
				<li class="fade fade1">掌握MySQL及基本SQL语句运用，熟悉Linux操作系统。</li>
				<li class="fade fade2">喜欢钻研代码,梦想成为改变世界的开发者</li>
			</ul>
		</div>
	</div>
</div>
<div id="contact" class="section-wrap section-contact">
	<div class="section">
		<div class="contact-content clearfix section-content">
			<h1>联系本人</h1>
			<div class="left">
				<div class="contact-ways fade fade1">
					<h2>社交网络</h2>
					<ul>
						<li>邮箱：<a target="_blank" href="463745021@qq.com">463745021@qq.com</a></li>
						<li>CSDN：<a target="_blank" href="https://blog.csdn.net/Ares___">@结构化思维wz</a></li>
						<li>QQ：463745021</a></li>
						<li>Github：<a target="_blank" href="https://github.com/wz20">@wz20</a></li>
					</ul>
				</div>
				<div class="contact-info fade fade2">
					<h2>期望工作地点</h2>
					<p>北京</p>
				</div>
			</div>
			<div class="right fade fade3">
				<h2>共勉</h2>
				<ul>
					<p class="fade fade1">愿中国青年都摆脱冷气，只是向上走，</p>
					<p class="fade fade2">不必听自暴自弃者流的话。</p>
					<p class="fade fade3">能做事的做事，能发声的发声。</p>
					<p class="fade fade4">有一分热，发一分光。</p>
					<p class="fade fade5">就令萤火一般，也可以在黑暗里发一点光，</p>
					<p class="fade fade6">不必等候炬火。</p>
				</ul>
			</div>
		</div>
	</div>
</div>

<div class="overlay"></div>
<div class="state-indicator"></div>

<script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>
<script src="js/global.js"></script>

</body>
</html>
